<template>
    <div>
        <h1>day01组件</h1>
        <!-- <h1>{{name}}</h1>
        <h1>{{age}}</h1>
        <h1>{{ bol }}</h1> -->
    </div>
</template>
<script>
    const mixin = {
        data(){
            return{
                a:"hello",
                b:"world"
            }
        },
        methods: {

        }
    }
    // import {hunhe1} from '../utils/mixin'
    export default {
        name:"MyDay01",
        // mixins:[mixin,hunhe1],
        mixins:[mixin],
        data() {
            return {
                c:100,
                d:200,
            }
        },
        methods: {

        },
        created() {
            // console.log(this);
            // console.log(this.$data);
            // console.log(this.userName);
            // console.log(this.sum());

        },
        // 全局
        // 1.自定义组件Vue.component
        // 2.自定指令Vue.directive
        // 3.watch监听vm.$watch
        // 4.过滤器Vue.filter
        // 5.绑定容器vm.$mount
        // 只接收值
        // props:["name","age"],
        // 限制类型
        // props:{
        //     name:String,
        //     age:Number,
        //     bol:Boolean
        // }
        // 限制类型，必要性，默认值
        // props:{
        //     name:{
        //         type:String,
        //         required:true,
        //         default:"李四"
        //     },
        //     age:{
        //         type:Number,
        //         required:true,
        //         default:99
        //     },
        //     bol:{
        //         type:Boolean,
        //         required:true,
        //         default:false
        //     }
        // }
    }
</script>
<style>

</style>